<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多行文本以及下拉框</title>
</head>
<body>
    <div>
        <textarea name="note"> default value </textarea>   <!-- 多行文本 ,默认是可以进行拖拉这个文本框，一般用css控制大小等-->
    </div>

    <div>
        <select name="city" size="5" multiple="multiple">    <!-- 下拉框,size表示显示多小行，multiple表示可以多选，ctrl多选 -->
            <option value="1">北京</option>
            <option value="2">上海</option>
            <option value="3" selected="selected">广州</option>   <!--默认选中广州-->
            <option value="4">深圳</option>
        </select>

        <select>
            <optgroup label="佛山市">
                <option>顺德区</option>
                <option>禅城区</option>
                <option>南海区</option>
             </optgroup>
             <optgroup label="广州市">
                <option>番禺区</option>
                <option>天河区</option>
                <option>海珠区</option>
            </optgroup>
        </select>
    </div>






</body>
</html>